<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h2>接口及接口文档</h2>
    <button>测试</button>
    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script>
      //获取元素
      const btn = document.querySelector('button')

      btn.addEventListener('click', function () {
        //发起请求
        //axios方法接受一个参数config：对象，里面包含请求的信息
        axios({
          //接口地址
          url: 'http://ajax-api.itheima.net/api/province',
          //请求方式
          method: 'GET',
        })
          //请求发起之后，服务器响应，then方法会接受一个回调函数，函数的参数就是服务器响应的结果
          .then((result) => console.log(result))
      })
    </script>
  </body>
</html>
